<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>CollabDev</title>
  
  <style type="text/css">
	@import "/static/css/default.css";
  </style>
  
  <style type="text/css">
	@import "/static/css/WebCocoa.css";
  </style>
  
  <script language="Javascript" type="text/javascript" src=
     "/static/js/jquery-1.2.6.pack.js">
  </script>
  
  <script language="Javascript" type="text/javascript" src=
     "/static/js/jquery.timers-1.0.0.js">
  </script>
  
  <script language="Javascript" type="text/javascript" src=
     "/static/ui_libs/edit_area/edit_area_loader.js">
  </script>

  <script language="Javascript" type="text/javascript">
     var document_id = '{{ document_id }}';
     //<![CDATA[   
          // runing after editor created
          function init() {
          
               input_frame = $("#frame_code").contents();
               
               input_frame.find('#editor').keypress( function() { 
                    keypress(); 
               });
               
               if(document_id == '' || document_id == 'undefine') {
                    create_new_document();
               }

               selectDocument( document_id , register_client());
                                             
               //always check codes to server
               $(document).everyTime("2s", function(){
                    check_status();
               } , 0);
          }

     //]]>
  </script>
         
  <script language="Javascript" type="text/javascript" src=
     "/static/js/gui_setup.js">
  </script>
  
</head>

<body>
     <div id="header">
        <div class="logo">
            <img src="/static/images/collabdev-logo.jpg">
        </div>
     </div>

     <div class="NSBox">
         <div class="ro">
            <div class="lo">
                <ul class="NSTabView">
                    <li class="first">
                        <a href="/">New</a>
                    </li>
                    <li class="middle">
                        <a href="/actions/save?document_id={{ document_id }}">Save</a>
                    </li>
                    <li class="middle">
                        <a href="#">Syntax</a>
                    </li>
                    <li class="last">
                        <a href="#">Help</a>
                    </li>
                </ul>
            </div>
         </div>
         
         <div class="rm">
            <div class="lm">
                 <div id="code_area">
                      <input id="document_id" type="hidden"/>
                      <input id="document_name" type="hidden"/>
                      <textarea id="code" name="code" style="height: 100%; width: 100%;"></textarea>
                 </div>
            </div>
         </div>
         
         <div class="ru">
            <div class="lu">
         </div>
     </div>
     
      <div id="footer">
          <img alt="Powered by Google App Engine" src="http://code.google.com/appengine/images/appengine-silver-120x30.gif"/> <br />
          <small>Copyright(c) 2008 Indrio Eko Purnomo (contact at indrio dot name)<small>
      </div>

</body>
</html>

